<template>
	<div id="fullingmain">
	<div class="profitmain">
			<div class="halfimg">
				<h1>3.68%</h1>
				<p>年化收益</p>
			</div>
			<div class="incomeinfo">
				<div class="userimg"></div>
				<div class="incometext">
					<h4>我是大脸猫</h4>
					<h1>赶紧戳它帮我提高年化收益</h1>
					<span class="incomenews topsybmol">我通过友惠去淘宝，京东买了<i class="priceSymbol">205.00</i>元宝贝</span>
					<span class="incomenews">每天在友惠家赚到<i  class="priceSymbol">205.00</i>收益哦~~</span>
				</div>
			</div>
		</div>
		<div class="gasmain">
			<div class="gasnew">
				<span>好友测试帮大脸猫提高了0.18%年化收益~~</span>
				<span>好友测试帮大脸猫提高了0.18%年化收益~~</span>
				<span>好友测试帮大脸猫提高了0.18%年化收益~~</span>
			</div>
			<!-- <div class="refuebut">我也帮Ta加油</div> -->
			<div class="refuebut varybut">您已加油过了</div>
			<p class="anrate">今天有<i class="anrateSymbol">4</i>位好友为ta加油，共提升了<i class="anrateSymbol">3.19%</i>年化收益</p>
		</div> 
		<div class="footermain">
			<div class="logoimg"><img src="../assets/huipic.png"></div>
			<div class="footertext">
				<h1>友惠家</h1>
				<p>通过友惠家去淘宝京东购买商品</p>
				<p>消费金额自动存入友惠家，每天赚收益</p>
			</div>
			<div class="downbut">马上下载</div>
		</div>

		<div class="maskback">
			<div class="maskcon"></div>
		</div>
	</div>

</template>
<script>
	import { BaseUrl } from '../Baseurl/common.js';

	import { Toast } from 'mint-ui';
	export default {
		data() {
			return {
				
			}

		},
		created() {
			

		}
	}
</script>

<style scoped="scoped">
html,body  #fullingmain{
	height: 100%;
    background-image: linear-gradient(-135deg, #FF3E5A 0%, #FC1838 100%);
}
.profitmain{
	width: 100%;
	height: 6.72rem;
	background-image: linear-gradient(-135deg, #FF3E5A 0%, #FC1838 100%);
}

.halfimg{
	width: 2.77rem;
	height: 2.58rem;
	background-image:url(../assets/half.png);
	background-size: 100%;
    margin: 0 auto;
    position: relative;
    top: 0.35rem;
}
.halfimg>h1{
	text-align: center;
	color: #fff;
    font-family: PingFangSC-Regular;
    font-size: 0.54rem;
    position: relative;
    top: 1rem;
}
.halfimg>p{
    position: relative;
    top: 1rem;
    text-align: center;
    color: #fff;
    font-family: PingFangSC-Regular;
    font-size: 0.256rem;
}
.incomeinfo{
	font-size: 0;
    padding: 0.55rem;
    margin-top: 0.37rem;
}
.userimg{
	width: 0.84rem;
	height: 0.84rem;
	background-color: blue;
	display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 0.2rem;
}
.incometext{
	display: inline-block;
	vertical-align: top;
	margin-left: 0.25rem;
}
.incometext>h4{
    font-size: 0.32rem;
    font-family: PingFangSC-Regular;
    color: #fff;
}
.incometext>h1{
	font-family: FZZZHONGJW--GB1-0;
	font-size: 0.44rem;
	color: #FFFFFF;
}
.incomenews{
	font-family: PingFangSC-Regular;
	font-size: 0.24rem;
	color: #FFFFFF;
	display: block;
}
.topsybmol{
	margin-top:0.2rem;
}
.priceSymbol{
	font-style: normal;
    color: #FFF82B;
    font-family: PingFangSC-Regular;
}
.gasmain{
	padding: 0.75rem;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.refuebut{
    width: 100%;
    height: 0.8rem;
    background: #FF2040;
    border-radius: 1.0rem;
    text-align: center;
    line-height: 0.8rem;
    color: #fff;
    font-size: 0.3rem;
}
.anrate{
    font-size: 0.24rem;
    line-height: 0.7rem;
    color: #666;
}
.anrateSymbol{
    font-style: normal;
    color: #fc1b3b;
    padding: 0 0.1rem;
}
.gasnew{
	margin-bottom: 0.35rem;
	color: #666;
	font-size: 0.24rem;
}
.gasnew>span{
	display: block;
	opacity: 0.5
}
.gasnew>span:first-child{
	opacity: 0.2
}
.gasnew>span:last-child{
	opacity: 1
}
.varybut{
	background-color: #d2d2d2;
}
/****底部下载*****/
.footermain{
	width: 100%;
	height: 1.28rem;
	position: fixed;
	bottom: 0.0rem;
	left: 0.0rem;
	background-color: #fff;
	font-size: 0;
    padding: 0.15rem;
    padding-bottom: 0;
    z-index: 11;
}
.logoimg{
	width: 1.0rem;
	height: 1.0rem;
	display: inline-block;
}
.logoimg>img{
	width: 100%;
	height: 100%
}
.footertext{
	display: inline-block;
    vertical-align: top;
    margin-left: 0.2rem;
    width: 58%;
}
.footertext>h1{
	font-size: 0.24rem;
	color: #333;
}
.footertext>p{
	font-size: 0.24rem;
	color: #999;
}
.downbut{
    font-size: 0.24rem;
    color: #fff;
    background-color: #FF2040;
    /* width: 1.43rem; */
    padding: 0.05rem 0.15rem;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.3rem;
    margin-left: 0.2rem;
    border-radius: 0.2rem;
}

/******蒙版*****/
.maskback{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0.0rem;
	left: 0px;
	background: rgba(0,0,0,0.6);
}
.maskcon{
	width: 80%;
	height: 3.85rem;
	margin:0 auto;
	background-color: #fff;
	border-radius: 0.22rem;
	margin-top:3.45rem;
}
</style>